@charset "UTF-8";
@import "common/_common";

.web{
  header{
    .h_center{
      text-align: center;
      margin-top:r(45px);
      span {
        font-size:r(26px);
      }
    }
  }
  main {
    .classfication_type {
      height:r(217px);
      width:100%;
      overflow: hidden;
      position: relative;
      ul {
        width:500%;
        height:r(217px);
        display: inline-block;
        padding-left:r(10px);
        text-align: left;
        li {
          display: inline-block;
          text-align: center;
          .clf_type_div {
            width: r(148px);
            height: r(148px);
            overflow: hidden;
            border-radius: 50%;
            img {
              width: 100%;
            }
          }
        }
      }
      .clf_subscript {
        width:100%;
        text-align: center;
        position: absolute;
        bottom:0;
        left:0;
        ul {
          width:initial;
          height:initial;
          li {
            width:r(18px);
            height:r(18px);
            border-radius: 50%;
            background-color: #ffc9a1;
          }
          .light {
            background-color: $color;
          }
        }
      }
    }
    .clf_foods {
      .clf_common_div {
        width:95%;
        margin:0 auto;
        display: flex;
        justify-content: space-between;
        padding-bottom:r(40px);
        .clf_div_img {
          width:r(134px);
          height:r(134px);
          overflow: hidden;
          display: inline-block;
          img {
            width:100%;
            height:100%;
            transform: scale(1.1,1.1);
          }
        }
      }
    }
  }
}